<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Supermarket/css/reset.css" media="all">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Supermarket/css/style.css" media="all">
<title>岛镇集市</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- Mobile Devices Support @begin -->
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Mobile Devices Support @end -->



<!--幻灯片-->
<script type="text/javascript" src="__PUBLIC__/Supermarket/js/zepto.js"></script>
<script type="text/javascript" src="__PUBLIC__/Supermarket/js/swipe.js"></script>


 <style>


.indexPhoto{
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	margin: 10px;
	position: relative;
}
.indexPhoto h2{
  font-size:18px;
  font-weight:normal;
  color:#000;
  padding:10px;
}

.gallery{overflow:hidden;}
.gallery li{float:left;font-size:14px;text-align:center;}
.gallery li>a{float:left;width:43%; margin-left:5px}
.gallery span{display:inline-block;padding:5px 0;color:#000;text-overflow:ellipsis;border-top:none;width:88%;max-width:282px;box-sizing:border-box;white-space:nowrap;overflow:hidden; font-size:16px}
.gallery img{display:block;width:88%;max-width:282px;max-height:282px;margin:0 auto;}

.gallery img {width: 140px;}
.ctrls{margin:10px auto;width:80px;position:absolute; right:15px; top:15px;}
.ctrls ul{display:inline-block;margin:0;height:13px;}
.ctrls li{float:left;margin:0 4px;height:8px;width:8px;background:#D0D0D0;-webkit-border-radius:4px;border-radius:4px;}
.ctrls .current{background:#BA2636;}
.ctrls div{display:inline-block;margin:0 8px;}


    </style>






	
</head>

<body onselectstart="return true;" ondragstart="return false;">
<div class="body">
<div id="page" >
      <header class="header">
	    <a href="ss.html" class="ss"><img src="__PUBLIC__/Supermarket/images/ico_ss.png" width="24"/></a>
		<span><img src="__PUBLIC__/Supermarket/images/js_logo.png" height="30"/></span>
	    <a href="#" class="car"><span class="cart_num" style="display: inline;">0</span><img src="__PUBLIC__/Supermarket/images/car.png" width="32"/></a>
	  </header>
	  <!--幻灯片-->
		<div id="banner_box" class="box_swipe" >
			<ul>
				<li><a onclick="return false;"><img src="__PUBLIC__/Supermarket/images/banner.jpg" alt="岛镇生活" style="width:100%;"></a></li>
				<li><a onclick="return false;"><img src="__PUBLIC__/Supermarket/images/banner2.jpg" alt="岛镇生活" style="width:100%;"></a></li>
				<li><a onclick="return false;"><img src="__PUBLIC__/Supermarket/images/banner1.jpg" alt="岛镇生活" style="width:100%;"></a></li>
			   
			</ul>
			<ol>
				<li class="on"></li>
				<li></li>
				<li></li>
			</ol>
		</div>
		<script>
		$(function(){
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:3000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
		});
	</script>
	<div class="sort">
	  <ul class="sort_ul1">
	    <li>
		  <a href="{:U('Supermarket/listbytype?cat_id=49')}">
		    <span>生鲜市场  </span>
			<img src="__PUBLIC__/Supermarket/images/sort_pic1.jpg"/>
		  </a>
		</li>
		 <li class="n">
		  <a href="{:U('Supermarket/listbytype?cat_id=50')}">
		    <span>日常生活  </span>
			<img src="__PUBLIC__/Supermarket/images/sort_pic2.jpg"/>
		  </a>
		</li>
	  </ul>
	  <ul class="sort_ul1 sort_ul2" style="border-bottom:none">
	    <li>
		  <a href="{:U('Supermarket/listbytype?cat_id=51')}">
		    <span>洗护用品  </span>
			<img src="__PUBLIC__/Supermarket/images/sort_pic3.jpg"/>
		  </a>
		</li>
		 <li >
		  <a href="{:U('Supermarket/listbytype?cat_id=52')}">
		    <span>食品饮料  </span>
			<img src="__PUBLIC__/Supermarket/images/sort_pic4.jpg"/>
		  </a>
		</li>
		<li class="n">
		  <a href="{:U('Supermarket/listbytype?cat_id=53')}">
		    <span>生活电器</span>
			<img src="__PUBLIC__/Supermarket/images/sort_pic5.jpg"/>
		  </a>
		</li>
	  </ul>
	</div>
	
	<div class="quik_link">
	  <ul>
	    <li><a href="#"><img src="__PUBLIC__/Supermarket/images/ico1.jpg"/> 超值特惠</a></li>
	    <li><a href="#"><img src="__PUBLIC__/Supermarket/images/ico2.jpg"/> 热卖商品</a></li>
	  </ul>
	
	</div>
	
	
	<section class="indexPhoto" id="indexPhoto">  
     <h2>今日特价</h2>	
	 <div class="ctrls">
            <div class="imgPageBtn imgPageBtn-l"></div><ul>
            <li class="current"></li>
            <li></li>
            <li></li>
            <li></li></ul><div class="imgPageBtn"></div>
        </div>
     <div class="gallery clearfix">
            <ul>
				 <li> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic1.jpg"><span>加拿大野生北极甜虾1000g<br/><span class="price">特价<font class="b red">￥68</font> <font class="cost_price">￥<del>98.00</del></font></span></span></a> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic2.jpg"><span>年中特惠清爽可口红富士<br/><span class="price">特价<font class="b red">￥4</font> <font class="cost_price">￥<del>8.00</del></font></span></span></a> 
				 </li>
				 <li> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic3.jpg"><span>加拿大野生北极甜虾1000g<br/><span class="price">特价<font class="b red">￥68</font> <font class="cost_price">￥<del>98.00</del></font></span></span></a> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic1.jpg"><span>年中特惠清爽可口红富士<br/><span class="price">特价<font class="b red">￥4</font> <font class="cost_price">￥<del>8.00</del></font></span></span></a> 
				 </li>
				
				
				 <li> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic2.jpg"><span>加拿大野生北极甜虾1000g<br/><span class="price">特价<font class="b red">￥68</font> <font class="cost_price">￥<del>98.00</del></font></span></span></a> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic3.jpg"><span>年中特惠清爽可口红富士<br/><span class="price">特价<font class="b red">￥4</font> <font class="cost_price">￥<del>8.00</del></font></span></span></a> 
				 </li>
				 
				 <li> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic1.jpg"><span>加拿大野生北极甜虾1000g<br/><span class="price">特价<font class="b red">￥68</font> <font class="cost_price">￥<del>98.00</del></font></span></span></a> 
				 <a href="#"><img src="__PUBLIC__/Supermarket/images/pic2.jpg"><span>年中特惠清爽可口红富士<br/><span class="price">特价<font class="b red">￥4</font> <font class="cost_price">￥<del>8.00</del></font></span></span></a> 
				 </li>
             </ul>
        </div>
   
    </section>

		<div class="hot_sort">
		  <h2>热门分类</h2>
		  <ul>
			<li><a href="#">粮油</a></li>
			<li class="st2"><a href="#">饼干</a></li>
			<li><a href="#">肉类</a></li>
			<li  class="st2"><a href="#">水果</a></li>
		  </ul>
		  <ul class="hot_sort_ul">
			<li class="st2"><a href="#">啤酒</a></li>
			<li ><a href="#">纸巾</a></li>
			<li  class="st2"><a href="#">洗衣液</a></li>
			<li ><a href="#">充电宝</a></li>
		  </ul>
		</div>
	 
	 
	 <footer>
	   <a href="#">返回首页</a> | <a href="sm.html">订购指南</a> |   <a href="#">客服中心</a> 
	 </footer>
	
	
	
	
    </div>
    </div>
	
<script src="__PUBLIC__/Supermarket/js/NTUI.min.js"></script>

<script>

scrollTo(0,1);
//导航
tpl={};
(function(X){
// 图集滑动
function SlidePhoto(id){
    var photoCtrls = X(id+' .ctrls li'),imgPageBtn = X(id+' .imgPageBtn'),
            gallerySlide = new NTUI.slide(X(id+' .gallery')[0],{
                onTouchEnd:function(e,cp){
                    photoCtrls.removeClass('current');
                    photoCtrls[cp].className = 'current';
                }
            });
    imgPageBtn.click(function(){
        if(this.className.indexOf('imgPageBtn-l')===-1){
            gallerySlide.next(0.4,1);
        }
        else{
            gallerySlide.prev(0.4,1);
        }
    });
}
//图集
new SlidePhoto("#indexPhoto");


NTUI.importJs(bannerTopUrl);

    
})($);
</script>


</body></html>
